<template>
    <div class="lianxi">
        <header>
        	<ul>
        		<li><img :src="gxhImg" width="20" height="40"></li>
        		<li>{{gxhText}}</li>
        		<li></li>
        	</ul>
        </header>
        <section>
        	<div class="secText">
        		<ul>
        			<li v-for="info in infos">{{info.text}}</li>
        		</ul>
        	</div>
        	<div class="secSwitch">
        		<h4>{{swiText}}</h4>
        		<ul>
        			<li><img :src="swiImg" width="108" height="109"><p>{{swiTextTwo}}</p></li>
        			<li><img :src="swiImgTwo" width="108" height="109"><p>{{swiTextThree}}</p></li>
        		</ul>
        		<ol>
        			<li>{{swiTextFour}}</li>
        			<li>{{swiTextFive}}</li>
        			<li><img :src="swiImgThree" width="203" height="4"></li>
        		</ol>
        	</div>
        </section>
        <footer>
        	<p>{{fooText}}</p>
        </footer>
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
    	gxhImg:'../../static/imgs/fanhiu.png',
    	gxhText:'个性化',
    	infos:[
    		{text:'让我们了解你'},
    		{text:'为你发现适合你的商品'}
    	],
    	swiText:'性别',
    	swiImg:'../../static/imgs/man.png',
		swiTextTwo:'男',
    	swiImgTwo:'../../static/imgs/woom.png',
		swiTextThree:'女',
		swiTextFour:'生日',
		swiTextFive:'1990-01-01',
		swiImgThree:'../../static/imgs/red.png',
		fooText:'下一步'
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/gexinghua.less);
</style>
